<?php
/**
 * NRHC eNews theme 2012
 */

  // Variables
  $pageWidth = 700;
  $margin = 30;

  // system styles
  $page->css( 'http://northrockhill.com/files/this-week-at-nrhc/archive/css/enews.2012.styles.css' );

  echo $site->DOCTYPE();
?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title><?= $site->title() ?> - <?php echo $page->title() ?></title>
  <link rel="shortcut icon" href="http://brand.northrockhill.com/2012/favicon.ico" />
  <?php foreach( (array) $page->get( 'css' ) as $css ): ?><link href="<?= $css['file']; ?>" rel="<?= $css['rel']; ?>" type="text/css" />
  <?php endforeach; ?>

</head>

<body>

<table cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
  <tr>
    <td>
      <?php if( $page->issue() ): ?>
      <p class="linkToWeb">The email is not displayed properly? 
        <a href="/enews/issue/<?= $page->issue->date ?>">View the online version</a>.
      </p>
      <?php endif ?>

      <!-- Header Table -->
      <table border="0" cellpadding="0" cellspacing="0" align="center" id="headerTable">
        <tr>
          <td height="<?= $margin ?>" width="<?= $margin ?>"></td>
          <td height="<?= $margin ?>" width="<?= ($pageWidth-($margin*2)) * 0.7 ?>"></td>
          <td height="<?= $margin ?>" width="<?= ($pageWidth-($margin*2)) * 0.3 ?>"></td>
          <td height="<?= $margin ?>" width="<?= $margin ?>"></td>
        </tr>
        <tr>
          <td></td>
          <td colspan="2">
            <hr style="border-bottom: 1px solid;" />
          </td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td valign="top">
            <img src="http://northrockhill.com/files/this-week-at-nrhc/images/eNews-logo.gif" width="232" height="72" alt="North Rock Hill Church" />
          </td>
          <td valign="middle" align="right">
            <?php if( $page->issue() ): ?>
            <p class="date"><strong>
              <?php echo date( 'M j', strtotime($page->issue->date)) ?><sup><?php echo date( 'S', strtotime($page->issue->date)) ?></sup>,
              <?php echo date( 'Y', strtotime($page->issue->date)) ?>
            </strong></p>
            <?php endif ?>
          </td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td colspan="2">
            <hr style="border-bottom: 3px solid;" />
          </td>
          <td></td>
        </tr>
      </table>
      <!-- End Header Table -->

      <!-- Content Table -->
      <table border="0" cellpadding="0" cellspacing="0" align="center" id="contentTable">
        <tr>
          <td width="<?= $margin ?>"></td>
          <td width="<?= ($pageWidth-($margin*2)) ?>"></td>
          <td width="<?= $margin ?>"></td>
        </tr>
        <tr>
          <td></td>
          <td valign="top">

<?php echo $liriope ?>

          </td>
          <td></td>
        </tr>
      </table>
      <!-- end Content Table -->

      <!-- Footer Table -->
      <table border="0" cellpadding="0" cellspacing="0" align="center" id="footerTable">
        <tr>
          <td height="30"></td>
          <td height="30"></td>
          <td height="30"></td>
        </tr>
        <tr>
          <td width="<?= $margin ?>"></td>
          <td class="Footer" width="660" valign="top">
            <p>Follow us on <a href="http://twitter.com/nrhc" target="_blank">Twitter</a> or like our <a href="http://fb.me/northrockhillchurch" target="_blank">Facebook page</a>.</p>
            <p>
              <a href="http://www.northrockhill.com/">North Rock Hill Church website</a> |
              <a href="http://blog.northrockhill.com">NRHC Blog</a>
            </p>
            <p>
              PO Box 2477 Rock Hill, SC 29732<br />
              (803) 327-6753
            </p>
            <p>Copyright &copy; 2012 North Rock Hill Church. All rights reserved.</p>
          </td>
          <td width="<?= $margin ?>"></td>
        </tr>
      </table>
      <!-- end Footer Table -->

    </td>
  </tr>
</table>

</body>
</html>
